<template>
  <div class="relative w-full h-full">
    <PageHeader :title="$t('couponManagement.title')" />
    <el-tabs v-model="type" type="card" size="small">
      <el-tab-pane :label="$t('couponManagement.couponSettings')" name="1"></el-tab-pane>
      <el-tab-pane :label="$t('couponManagement.platformCoupon')" name="2"></el-tab-pane>
    </el-tabs>
    <div class="mt12" style="height: calc(100% - 104px)">
      <CouponConfig v-if="type === '1'" />
      <PlatformCoupon v-if="type === '2'" />
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import CouponConfig from "./couponConfig.vue";
import PlatformCoupon from "./platformCoupon.vue";
import { useI18n } from "vue-i18n";

const { t } = useI18n();
const type = ref("1");
</script>
<style lang="scss" scoped></style>
